<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" href="CssFiles/common.css" type="text/css">
<script type="text/javascript" src="JS/jquery-1.9.1.js"></script>
<script type="text/javascript" src="JS/jquery-ui-1.10.1.custom.js"></script>
<script type="text/javascript" src="JS/CommoanJavaScript.js"></script>
<script type="text/javascript">
	
	function GetMenuData() {
		$(document).ready(function() {
			$.get("MenuPage/home.html", function(data) {
				$("#middleDiv").html(data);
			});
		});

	}
</script>
</head>
<body onload="GetMenuData()">
	<div class="Body">
		<div class="header">
			<div class="login label">
				<form action="login" method="post">
					<label>Username</label>
					<s:textfield id="username" title="checked" name="username"></s:textfield>
					<label>Password</label>
					<s:password id="password" title="checked" name="password"></s:password>
					<input type="submit" id="loginBtn" value="Log In" onclick="return Validation()">
					<div class="errorlabel" id="errorlabel">
						<ul>
							<li style="list-style-type: none;"><span id="error"></span></li>
						</ul>

						<s:actionerror />
					</div>
				</form>
			</div>
			<div class="title"></div>
		</div>
		<div class="loginMenu">
			<div class="menu">
				<ul>
					<li><a class="homeMenu" id="home" href="#">Home</a></li>
					<li><a class="homeMenu" id="servicesMenuID" href="#">Services</a></li>
					<li><a class="homeMenu" href="#">Portfolio</a></li>
					<li><a class="homeMenu" id="blog" href="#">Blog</a></li>
					<li><a class="homeMenu" id="lcontact" href="#">Contact</a></li>

				</ul>
			</div>
		</div>
		<div class="section">
			<div class="middleDiv" id="middleDiv"></div>
		</div>
	</div>
</body>
</html>